<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<!-- css -->
	<link rel="stylesheet" href="css/jquery.fullPage.css" />
	<link rel="stylesheet" href="css/base.css" />
	<link rel="stylesheet" href="css/myqq.css" />
	<!-- js -->
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.fullPage.min.js"></script>
 	<script src="js/jquery.easing.1.3.js"></script>
 	<script src="js/myQQ.js"></script>
</head>
<body>
    <!-- 背景圆 -->
	<div id="bg">
		<div class="row1">
			<div class="orb1"></div>
			<div class="orb2"></div>
			<div class="orb3"></div>
		</div>
		<div class="row2">
			<div class="orb1"></div>
			<div class="orb2"></div>
			<div class="orb3"></div>
		</div>
		<div class="row3">
			<div class="orb1"></div>
			<div class="orb2"></div>
		</div>
	
	</div>
	<div id="fullpage">
  		<div class="section section1">
  			<div class="p1">
  				<img src="images/skin.png" alt="">
  			</div>
  		</div>
	    <div class="section section2">
	    	<div class="p2">
	    		<img src="images/title1_1.png" alt="">
	    		<img src="images/title1_2_1.png" alt="">
	    	</div>
	    </div>
	    <div class="section section3">
	    	<div class="p3">
	    		<img src="images/p3ui_tab.png" alt="">
	    	</div>
	    	<img src="images/title3.png" alt="" class="title3">
	    </div>
	    <div class="section">第四屏</div>
	</div>
</body>
</html>